<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本与图片环绕在一起</title>
		<style>
			div{
				width: 300px;
				height: 300px;
				background: url(img/魔童.png);
				background-size: 100% 100%;
				/* 浮动：让元素飘起来，元素脱离文档流 */
				float: left;
			}
		</style>
	</head>
	<body>
		<div></div>
			Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laborum eaque quos qui labore eum vitae sapiente hic. Rerum animi architecto ad officiis officia placeat autem quasi iure. Alias, suscipit <assumenda class="lorem">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa error saepe voluptatum ex aperiam pariatur velit natus, id dicta nobis ipsam quos iusto exercitationem cupiditate facere tenetur accusantium et <dolores class="lorem">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, impedit saepe ipsam in, sunt recusandae voluptas veniam vero consequuntur laboriosam dolorum officia nesciunt cupiditate, expedita accusamus ipsum? Perspiciatis, in aliquam?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam consectetur laudantium nostrum iure, maiores adipisci perspiciatis cupiditate nulla voluptatem dolorem provident vel cumque quibusdam placeat hic recusandae eaque sed laborum!</dolores></assumenda>
	</body>
</html>